<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<title>SuperheroAdmin - Bootstrap Admin Template</title>
	
	<!-- bootstrap -->
	<link href="css/bootstrap/bootstrap.css" rel="stylesheet" />

	<!-- libraries -->
	<link href="css/libs/font-awesome.css" type="text/css" rel="stylesheet" />

	<!-- global styles -->
	<link rel="stylesheet" type="text/css" href="css/compiled/layout.css">
	<link rel="stylesheet" type="text/css" href="css/compiled/elements.css">

	<!-- this page specific styles -->

	<!-- google font libraries -->
	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300|Titillium+Web:200,300,400' rel='stylesheet' type='text/css'>

	<!--[if lt IE 9]>
		<script src="js/html5shiv.js"></script>
		<script src="js/respond.min.js"></script>
	<![endif]-->
	<!--[if lt IE 8]>
		<link href="css/libs/font-awesome-ie7.css" type="text/css" rel="stylesheet" />
	<![endif]-->
</head>
<body id="login-page-full">
	<header class="navbar hidden-xs hidden-sm" id="header-navbar">
		<div class="container">
			<a href="index.html" id="logo" class="navbar-brand col-md-3 col-sm-4 col-xs-12">
				<img src="img/logo.png" alt=""/> SuperheroAdmin
			</a>
			<div class="pull-right text-right login-full-create">
				Not a member? <a href="#">Create an account</a>
			</div>
		</div>
	</header>
	
	<div class="container">
		<div class="row">
			<div class="col-lg-5 col-lg-offset-1 col-md-5 col-md-offset-1 hidden-sm hidden-xs" id="login-full-left">
				<h1>SuperheroAdmin</h1>
				<p class="text-center">
					Because some men aren't looking for anything logical, like money. They can't be bought, bullied, reasoned, 
					or negotiated with. Some men just want to watch the world burn.
				</p>
				<h2>Awesome features</h2>
				<p class="text-center">
					"Iron Man". That's kind of catchy. It's got a nice ring to it.
				</p>
				<ul class="login-full-features center-block">
					<li>
						<i class="fa fa-dashboard red"></i>
						<span>Dashboard</span>
					</li>
					<li>
						<i class="fa fa-bar-chart-o emerald"></i>
						<span>Charts</span>
					</li>
					<li>
						<i class="fa fa-list-ul yellow"></i>
						<span>Forms</span>
					</li>
					<li>
						<i class="fa fa-users green"></i>
						<span>Users</span>
					</li>
					<li>
						<i class="fa fa-calendar gray"></i>
						<span>Calendar</span>
					</li>
					<li>
						<i class="fa fa-inbox purple"></i>
						<span>Messages</span>
					</li>
				</ul>
				
				<h2>Fully responsive</h2>
				<p class="text-center">
					You will give the people an ideal to strive towards. They will race behind you, they will stumble, they will fall. 
					But in time, they will join you in the sun. In time, you will help them accomplish wonders.
				</p>
				<p class="text-center login-full-devices">
					<img src="img/samples/admin-devices.png" alt="" class="img-responsive center-block" />
				</p>
			</div>
			<div class="col-lg-5 col-lg-offset-1 col-md-5 col-md-offset-1 col-xs-12">
				<div id="login-box">
					<div class="row">
						<div class="col-xs-12 clearfix" id="login-box-header">
							<div class="login-box-header-red"></div>
							<div class="login-box-header-green"></div>
							<div class="login-box-header-yellow"></div>
							<div class="login-box-header-purple"></div>
							<div class="login-box-header-blue"></div>
							<div class="login-box-header-gray"></div>
						</div>
					</div>
					<div class="row">
						<div class="col-xs-12">
							<div id="login-box-inner">
								<!-- <img src="img/logo-login.png" alt="SuperheroAdmin" class="img-responsive" id="login-logo"/> -->
								<div id="login-logo" class="hidden-lg hidden-md">
									<img src="img/logo-login.png" alt=""/> SuperheroAdmin
								</div>
								
								<form role="form" action="index.html">
									<div class="input-group input-group-lg">
										<span class="input-group-addon"><i class="fa fa-user"></i></span>
										<input class="form-control" type="text" placeholder="Email address">
									</div>
									<div class="input-group input-group-lg">
										<span class="input-group-addon"><i class="fa fa-key"></i></span>
										<input type="password" class="form-control" placeholder="Password">
									</div>
									<div class="form-group">
										<div class="checkbox">
											<label>
												<input type="checkbox"> Remember me
											</label>
										</div>
									</div>
									<div class="row">
										<div class="col-sm-6 col-xs-12 col-sm-push-6">
											<button type="submit" class="btn btn-success col-xs-12">Login</button>
										</div>
										<a href="#" id="login-forget-link" class="col-sm-6 col-xs-12 col-sm-pull-6">
											Did you forget your password?
										</a>
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>
				
				<div class="text-center login-create">
					Not a member? <a href="#">Register now</a>
				</div>
			</div>
		</div>
	</div>
	
	<!-- global scripts -->
	<script src="js/jquery.js"></script>
	<script src="js/bootstrap.js"></script>
	
	<!-- this page specific scripts -->

	
	<!-- theme scripts -->
	<script src="js/scripts.js"></script>
	
	<!-- this page specific inline scripts -->
	
</body>
</html>